:focus {
	border-image: url("@gpi.skin.genericTabFocus") 11 12 11 12 strech strech;
	padding: 0;
}

Label {
	color: #000;
	font-weight: bold;
}

Label:hover {
	color: #00ff00;
}

Label:active {
	color: #0000ff;
}

Label:disabled {
	color: #ff0000;
}

Button {
	/* unselected (n)ormal, (h)over, (a)ctive, (d)isabled */
	/* selected   (N)ormal, (H)over, (A)ctive, (D)isabled */
	background-image: url("@gpi.skin.buttons") 1 16 1 16,nhad;
	padding: 0 16px;
}

Button Label {
	text-align: center;
	top: -1px;
	text-shadow: 1px 1px 3px #ff0000;
}

Button:focus {
	border-image: url("@gpi.skin.buttonTabFocus") 1 16 1 16;
	left: -1px;
	right: -1px;
}

Checkbox {
	border-image: url("@gpi.skin.checkbox"),nhadNHAD;
	padding: 4px 4px 5px 4px;
}

Radio {
	border-image: url("@gpi.skin.radio"),nhadNHAD;
	padding: 4px 4px 5px 4px;
}

Checkbox Label, Radio Label {
	top: -4px;
	left: 4px;
}

Radio:focus, Checkbox:focus {
	top: -4px;
	left: -4px;
	bottom: 4px;
	right: -4px;
}

Input {
	background-image: url("@gpi.skin.inputBackground") 4 4 4 4,nhNHd;
	border-image: url("@gpi.skin.input") 10 9 7 9,nNd;
	padding: 4px 6px 3px;
}

Input VScrollBar {
	top: 4px;
	right: 3px;
	bottom: 3px;
}

Input HScrollBar {
	left: 4px;
	right: 3px;
	bottom: 3px;
}


VScrollBar {
	border-image: url("@gpi.skin.vScrollBar") 1 1 1 1,nd; /* scroll bar background */
	padding: 16px 0;/* padding adjusts space for arrows */

	arrow1-image: url("@gpi.skin.arrowUp"),nhad;
	arrow2-image: url("@gpi.skin.arrowDown"),nhad;

	/*arrow1-position: 10px 0;*/
	/*arrow2-position: 10px 0;*/

	thumb-image: url("@gpi.skin.vThumb") 16 1 16 1,nh,0 8;
	min-thumb-size: 50;
}

HScrollBar {
	border-image: url("@gpi.skin.hScrollBar") 1 1 1 1,nd; /* scroll bar background */
	padding: 0 16px;/* padding adjusts space for arrows */

	arrow1-image: url("@gpi.skin.arrowLeft"),nhad;
	arrow2-image: url("@gpi.skin.arrowRight"),nhad;

	thumb-image: url("@gpi.skin.hThumb") 1 16 1 16,nh,8 0;
	min-thumb-size: 50;
}

ScrollPane {
	border-image: url("@gpi.skin.itemList") 7 8 6 8;
	padding: 2px 0 0 2px;
}

ScrollPane VScrollBar{
	top: 3px;
	right: 3px;
	bottom: 3px;
}

ScrollPane HScrollBar{
	left: 3px;
	right: 3px;
	bottom: 3px;
}

ListItem {
	background-image: url("@gpi.skin.listItem") 5 5 5 5,nhNH;
	color: #00ff00;
	padding: 0 10px;
	min-height: 20px;
}

ListItem:hover {
	color: #ff0000;
}

ItemList {
	background-image: url("@gpi.skin.itemListBack") 7 8 6 8;
	border-image: url("@gpi.skin.itemList") 7 8 6 8;
	padding: 2px 0 2px 2px;
}

ItemList VScrollBar{
	top: 3px;
	right: 2px;
	bottom: 2px;
}

DropDown {
	background-image: url("@gpi.skin.dropDown") 1 20 1 9,nhad;
	padding: 1px 22px 0 8px;
}
